<!DOCTYPE html>
<html lang="Zh-cn">
<head>
	<meta charset="UTF-8">
	<!--强制以webkit内核打开 IE以最高模式渲染-->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<!--适配机器-->
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-initial-scale=1,minimum-initial-scale=1,user-scalable=no">
	<!--禁止数字显示为手机号码格式-->
	<meta name="format-detection"  content="telephone=no">
	<title>恭贺新春</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<!--defer 整个页面加载完成后再加载-->
	<script type="text/javascript" src="js/script.js" defer></script>
</head>
<body>
<div class="music">
<img src="images/music_pointer.png" >
<img id="music" class="play" src="images/music_disc.png" >
</div>	
<div class="page" id="page1">
<div class="bg"></div>
<div class="p1_lantern">点击屏幕<br>开启好运2016</div>
<div class="p1_imooc"></div>
<div class="p1_words">2016年慕课网新年特献</div>
</div>
<div class="page" id="page2">
<div class="bg"></div>
<div class="bg p2_bg_loading"></div>
<div class="p2_circle"></div>
<div class="p2_2016"></div>
</div>
<div class="page" id="page3">
<div class="bg"></div>
<div class="p3_logo"></div>
<div class="p3_title"></div>
<div class="p3_second"></div>
<div class="p3_first"></div>
<div class="p3_blessing"></div>
</div>
<audio autoplay="true"> 
<source src="http://www.imooc.com/activity/project/project1/audio/happynewyear.mp3" type="audio/mpeg">
</audio>

<script type="text/javascript" src="js/script.js"></script>
</body>
</html>